<template>
  <div>
    <!-- <linechart pageId="accounting-board" /> -->
    <el-card shadow="never"
             class="aui-card--fill">
      <TempAccounting />
    </el-card>
  </div>
</template>

<script>

import TempAccounting from '../system-setting/temp/tempAccounting'

export default {
  components: { TempAccounting },
  data () {
    return {
      pageId: 'accounting-board',
      spacing: [10, 10]
    }
  },

  created () {

  }
}
</script>
<style scoped>
.dashboard-dynamic #dialogBtn {
    display: none;
}

.dashboard-dynamic .dialog-text {
    height: 35px;
    border: 1px solid #80808029;
    vertical-align: middle;
    line-height: 35px;
    border-radius: 4px;
    padding-left: 12px;
    margin-bottom: 5%;
    cursor: pointer;
}

@media (max-width: 650px) {
    .dashboard-dynamic #togglebtn{
        display: none;
    }
}

.dashboard-dynamic .add-widget-button {
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 15px;
}

.dashboard-dynamic #edit_dashboard.e-dashboardlayout.e-control .e-panel:hover span {
    display: block;
}

.dashboard-dynamic #edit_dashboard.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    padding: 10px;
    border-bottom: 2px solid #e6e9ed !important;
    height: 35px;
    margin: 0 15px 0 15px;
}

.dashboard-dynamic #edit_dashboard .e-panel-content {
    height: calc(100% - 35px) !important;
    overflow: hidden;
    width:100%;
}

.dashboard-dynamic #edit_dashboard.e-dashboardlayout.e-control .e-panel,
.dashboard-dynamic #edit_dashboard.e-dashboardlayout.e-control .e-panel:hover,
.dashboard-dynamic #edit_dashboard.e-dashboardlayout.e-control .e-panel:active {
    border: 1px solid #bbb;
}

.dashboard-dynamic .e-dialog .e-dlg-header-content {
    border-bottom: none;
    padding: 18px 18px 18px 20px;
}

.dashboard-dynamic .edit::before {
        content: '\e501';
        font-family: 'e-sb-icons';
        /* color: #e3165b; */
        margin-left: -7px;
        vertical-align: middle;
    }

.dashboard-dynamic .save::before {
    content: '\e500';
    font-family: 'e-sb-icons';
    /* color: #e3165b; */
    margin-left: -7px;
    vertical-align: middle;
}

/* custom code start*/
account-line-report
[class^="sf-icon-"],
[class*=" sf-icon-"] {
    font-family: 'e-sb-icons' !important;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dashboard-dynamic #edit_dashboard{
    display: block;
}
/* highcontrast style */

body.highcontrast .dashboard-dynamic #edit_dashboard.e-dashboardlayout.e-control .e-panel {
    background: #000;
}

body.highcontrast .dashboard-dynamic #edit_dashboard.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    color: rgba(255, 255, 255, 0.54);
}
</style>
